{% extends "base/base.html" %}
{% load i18n %}
{% block title %}{% trans 'Tabla de precios' %}{% endblock %}
{% comment %} Prizing Tables {% endcomment %}
{% block page-header %}{% trans 'NUESTROS PRECIOS' %}{% endblock %}
{% block content %}
    <!-- Start prizing-table -->
    <section class="prizing-table">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <h4 class="special-title">Prizing Table 1 <small>( 3 columns )</small></h4>
                    <hr>
                    <div class="row">
                        <div class="pricing-table package-one span4">
                            <div class="title">Basic</div>
                            <div class="price">9.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>1 GB Disk Space</li>
                                <li>35 GB Monthly Bandwidth</li>
                                <li>1 Domains</li>
                                <li>2 Databases</li>
                                <li>1 FTP Account</li>
                                <li>2 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-two span4">
                            <div class="title">Standard</div>
                            <div class="price">19.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>10 GB Disk Space</li>
                                <li>100 GB Monthly Bandwidth</li>
                                <li>5 Domains</li>
                                <li>10 Databases</li>
                                <li>5 FTP Account</li>
                                <li>100 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-three span4">
                            <div class="title">Gold</div>
                            <div class="price">29.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>100 GB Disk Space</li>
                                <li>1000 GB Monthly Bandwidth</li>
                                <li>100 Domains</li>
                                <li>200 Databases</li>
                                <li>100 FTP Account</li>
                                <li>1000 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                    </div>
                </div>
                <div class="span12">
                    <h4 class="special-title">Prizing Table 2 <small>( 4 columns )</small></h4>
                    <hr>
                    <div class="row">
                        <div class="pricing-table package-one span3">
                            <div class="title">Basic</div>
                            <div class="price">9.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>1 GB Disk Space</li>
                                <li>35 GB Monthly Bandwidth</li>
                                <li>1 Domains</li>
                                <li>2 Databases</li>
                                <li>1 FTP Account</li>
                                <li>2 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-two span3">
                            <div class="title">Standard</div>
                            <div class="price">19.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>10 GB Disk Space</li>
                                <li>100 GB Monthly Bandwidth</li>
                                <li>5 Domains</li>
                                <li>10 Databases</li>
                                <li>5 FTP Account</li>
                                <li>100 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-three span3">
                            <div class="title">Gold</div>
                            <div class="price">29.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>100 GB Disk Space</li>
                                <li>1000 GB Monthly Bandwidth</li>
                                <li>100 Domains</li>
                                <li>200 Databases</li>
                                <li>100 FTP Account</li>
                                <li>1000 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-four span3">
                            <div class="title">Platinum</div>
                            <div class="price">39.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>150 GB Disk Space</li>
                                <li>1500 GB Monthly Bandwidth</li>
                                <li>150 Domains</li>
                                <li>300 Databases</li>
                                <li>150 FTP Account</li>
                                <li>1500 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                    </div>
                </div>
                <div class="span12">
                    <h4 class="special-title">Prizing Table 3 <small>( alternative behavior - 3 columns )</small></h4>
                    <hr>
                    <div class="row">
                        <div class="pricing-table package-one span4">
                            <div class="title">Basic</div>
                            <div class="price">9.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>1 GB Disk Space</li>
                                <li>35 GB Monthly Bandwidth</li>
                                <li>1 Domains</li>
                                <li>2 Databases</li>
                                <li>1 FTP Account</li>
                                <li>2 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-two active span4">
                            <div class="title">Standard</div>
                            <div class="price">19.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>10 GB Disk Space</li>
                                <li>100 GB Monthly Bandwidth</li>
                                <li>5 Domains</li>
                                <li>10 Databases</li>
                                <li>5 FTP Account</li>
                                <li>100 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                        <div class="pricing-table package-three span4">
                            <div class="title">Gold</div>
                            <div class="price">29.99<span class="doller"> $</span><span>per month</span></div>
                            <ul class="package">
                                <li>100 GB Disk Space</li>
                                <li>1000 GB Monthly Bandwidth</li>
                                <li>100 Domains</li>
                                <li>200 Databases</li>
                                <li>100 FTP Account</li>
                                <li>1000 Email Accounts</li>
                            </ul>
                            <div class="action"><a href="#" class="btn">PURCHASE</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End prizing-table -->
{% endblock %}